<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../css/gouwuche.css">

</head>

<body>
    <div class="top">

        <div class="img_div">
            <img src="../img/hyl/mi_logo.ico" alt="">
        </div>


        <p class="p1">
            我的购物车
        </p>


        <div class="p2_div">
            <p class="p2">
                温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算
            </p>
        </div>

        <div style="margin-left: 20%;"></div>

        <div class="user">
            <div class="arrow-box">
                <div class="p3">
                    wallsian
                </div>
                <img class="arrow" src="../img/hyl/arrow.ico" alt="">
            </div>


            <div class="item">

                <p style="padding-top: 2vw; background-color: white;"></p>
                <div class="item_div">
                    <p class="p4">个人中心</p>
                </div>
                <div class="item_div">
                    <p class="p4">评价晒单</p>
                </div>
                <div class="item_div">
                    <p class="p4">我的喜欢</p>
                </div>
                <div class="item_div">
                    <p class="p4">小米账户</p>
                </div>
                <div class="item_div">
                    <p class="p4">退出登录</p>
                </div>

            </div>


        </div>



        <span class="divice">|</span>


        <div class="order">
            <p>
                我的订单
            </p>
        </div>


    </div>

    <div class="line"></div>

    <div class="mid1">
        <div class="title1_div">
            <div style="width: 20px;height: 20px;background-color:#FF6700;"></div>
            &nbsp;&nbsp;&nbsp;全选
        </div>
        <div class="title2_div">

        </div>
        <div class="title3_div">
            &nbsp;&nbsp;&nbsp;商品名称
        </div>
        <div class="title4_div">
            单价
        </div>
        <div class="title5_div">
            数量
        </div>
        <div class="title6_div">
            小计
        </div>
        <div class="title7_div">
            操作
        </div>
    </div>


    <div class="mid2">
        <div class="title1_div">
            <div style="width: 20px;height: 20px;background-color:#FF6700;"></div>
            &nbsp;&nbsp;&nbsp;全选
        </div>
        <div class="title2_div">
            <img src="../img/hyl/bark.ico" alt="">
        </div>
        <div class="title3_div">
            狗狗狗狗狗狗狗狗
        </div>
        <div class="title4_div">
            128元
        </div>
        <div class="title5_div">
            <div class="content">
                <div class="content1">
                    -
                </div>
                <div class="content2">
                    1
                </div>
                <div class="content3">
                    +
                </div>
            </div>
        </div>
        <div class="title6_div">
            免费
        </div>
        <div class="title7_div">
            <div class="bg">
                ×
            </div>
        </div>
    </div>


    <div class="mid3">
        <div class="title1_div">
            <div style="width: 20px;height: 20px;background-color:#FF6700;"></div>
            &nbsp;&nbsp;&nbsp;全选
        </div>
        <div class="title2_div">
            <img src="../img/hyl/123.ico" alt="">
        </div>
        <div class="title3_div">
            猴猴猴猴猴猴猴猴
        </div>
        <div class="title4_div">
        </div>
        <div class="title5_div">
        </div>
        <div class="title6_div">
        </div>
        <div class="title7_div">
        </div>

    </div>



    <div class="mid4">
        <div class="title1_div">
            &nbsp;&nbsp;&nbsp;继续购物
        </div>
        <div class="title2_div">
            |
        </div>
        <div class="title3_div">
            &nbsp;&nbsp;&nbsp;买买买买买买买买
        </div>
        <div class="title4_div">
        </div>
        <div class="title5_div">
        </div>
        <div class="title6_div">
            合计: &nbsp;<p class="price">0</p>&nbsp;元
        </div>
        <div class="title7_div">
            去结算
        </div>

    </div>


    <div class="fence">
        <div class="l"></div>
        <div class="m">
            &nbsp;&nbsp;
            买购物车中商品的人还买了
            &nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <div class="r"></div>
    </div>

    <div style="height: 170px;width: 100%;"> </div>

    <div class="list">
        <div class="content">
            <img src="../img/hyl/commodity1.png" alt="">
            <p class="p1">小米11&nbsp;Ultra</p>
            <p class="p2">5999元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity2.png" alt="">
            <p class="p1">小米体重秤2</p>
            <p class="p2">59元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity3.png" alt="">
            <p class="p1">米家天然乳胶护颈枕S</p>
            <p class="p2">89元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity6.png" alt="">
            <p class="p1">小米超大双料鼠标垫</p>
            <p class="p2">49元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity10.png" alt="">
            <p class="p1">米家保温杯弹盖版</p>
            <p class="p2">99元</p>
        </div>
    </div>

    <div style="height: 270px;width: 100%;"> </div> 

    <div class="list">
        <div class="content">
            <img src="../img/hyl/commodity11.png" alt="">
            <p class="p1">米家护颈记忆棉枕</p>
            <p class="p2">89元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity7.png" alt="">
            <p class="p1">米家电水壶1A</p>
            <p class="p2">79元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity8.png" alt="">
            <p class="p1">米家声波电动牙刷T100</p>
            <p class="p2">39.9元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity9.png" alt="">
            <p class="p1">米家电动冲牙器</p>
            <p class="p2">199元</p>
        </div>
        <div class="content">
            <img src="../img/hyl/commodity5.png" alt="">
            <p class="p1">米家天然乳胶护颈枕</p>
            <p class="p2">159元</p>
        </div>
    </div>

    <div style="height: 170px;width: 100%;"> </div>


        
    <div class="helpness">
        <div class="five_server">
            <div>
                <!-- #d81e06 -->
                <img class="first" src=".../img/hyl/维修.png" alt="">
                <img class="second" src=".../img/hyl/维修 (1).png" alt="">
                <p>预约维修服务</p>
            </div>
            <span>|</span>
            <div>
                <!-- #d81e06 -->
                <img class="first" src=".../img/hyl/7.png" alt="">
                <img class="second" src=".../img/hyl/7 (1).png" alt="">
                <p>7天无理由退货</p>
            </div>
            <span>|</span>
            <div>
                <!-- #d81e06 -->
                <img class="first" src=".../img/hyl/15.png" alt="">
                <img class="second" src=".../img/hyl/15 (1).png" alt="">
                <p>15天免费换货</p>
            </div>
            <span>|</span>
            <div>
                <!-- #d81e06 -->
                <img class="first" src=".../img/hyl/礼物.png" alt="">
                <img class="second" src=".../img/hyl//礼物 (1).png" alt="">
                <p>满69包邮</p>
            </div>
            <span>|</span>
            <div>
                <!-- #d81e06 -->
                <img class="first" src=".../img/hyl/定位.png" alt="">
                <img class="second" src=".../img/hyl/定位 (1).png" alt="">
                <p>520余家售后网点</p>
            </div>
        </div>
        <div class="seven">
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <span>帮助中心</span>
                <p>账户管理</p>
                <p>购物指南</p>
                <p>订单操作</p>
            </div>
            <div class="infor">
                <p>|</p>
                <p>|</p>
                <p>|</p>
                <p>|</p>
                <p>|</p>
            </div>
            <div class="phone">
                <p class="number">400-100-5678</p>
                <p class="time">9:00-18:00（仅收市话费）</p>
                <p class="human">人工客服</p>
                <p class="attation">关注小米：</p>
                <div class="weibo">
                    <img class="first" src=".../img/hyl/微博.png" alt="">
                    <img class="two" src=".../img/hyl/微博 (1).png" alt="">
                </div>
                <div class="weixin">
                    <img class="first" src=".../img/hyl/微信.png" alt="">
                    <img class="two" src=".../img/hyl/微信 (1).png" alt="">
                </div>

            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="img">
            <img src=".../img/hyl/mi_logo.jpg" alt="">
        </div>
        <div class="word">
            <div class="first">
                小米商城|MIUI|米家|米聊|多看|游戏|路由器|米粉卡|政企服务|小米天猫店|小米集团隐私政策|小米商城隐私政策|小米商城用户协议|问题反馈
            </div>
            <div class="second">
                © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
            </div>
            <div class="three">
                （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告
            </div>
            <div class="four">
                增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证
            </div>
            <div class="five">
                违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </div>
            <div>
                <img class="first" src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                <img class="second" src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                <img class="second" src="https://s01.mifile.cn/i/v-logo-1.png" alt="">
                <img class="second" src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                <img class="three" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/2d9e484e049850c836da68c07ade58cf.png" alt="">
            </div>
            <div class="future">
                让全球每个人都能享受科技带来的美好生活
            </div>
        </div>

    </div>


      </div>

</body>

</html>